<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="shortcut icon" href="${path }/resource/images/favicon.ico">
<!--[if lt IE 9]>
<script type="text/javascript" src="${path }/resource/plugin/hui/lib/html5.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/hui/lib/respond.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/hui/lib/PIE_IE678.js"></script>
<![endif]-->


<!-- 本框架基本脚本和样式 -->
<script type="text/javascript"
	src="${path }/resource/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="${path }/resource/js/systools/EXBase.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->

<link rel="stylesheet" type="text/css"
	href="${path }/resource/css/visitor/main.css">
<link rel="stylesheet" type="text/css"
	href="${path }/resource/css/visitor/index.css">
<link rel="stylesheet" type="text/css"
	href="${path }/resource/plugin/slideBox/jquery.slideBox.css">
<script type="text/javascript"
	src="${path }/resource/plugin/slideBox/jquery.slideBox.js"></script>

<script type="text/javascript"
	src="${path }/resource/plugin/hui/lib/jquery.SuperSlide.2.1.1.js"></script>
<%
	Object webKeyWord = request.getSession().getAttribute("webKeyWord");
	Object webDescription = request.getSession().getAttribute("webDescription");
	Object webTitle = request.getSession().getAttribute("webTitle");
	if (webKeyWord == null) {
		request.getSession().setAttribute("webKeyWord", "麦虹商城");
		request.getSession().setAttribute("webDescription", "麦虹商城");
		request.getSession().setAttribute("webTitle", "麦虹商城");
	}
%>

<meta name="keywords" content="${webKeyWord}">
<meta name="description" content="${webDescription}" />
<title>${webTitle}</title>
</head>
<body>

	<!--导航栏-->
	<jsp:include page="_nav.jsp"></jsp:include>

	<div class="warp">
		<div class="dynamic_photo">
			<div id="demo1" class="slideBox KinSlideshow">
				<ul class="items">
					<c:forEach var="item" items="${banners }">
						<li><a target="_black" title='' href="${item.url }"> <img
								width='100%' height='400' src="${item.img}" />
						</a></li>
					</c:forEach>
				</ul>
			</div>
		</div>
	</div>
	<div class="ad1">
		<div class="ad1content">
			<div class="contetn_1">
				<div id="marquee" class="marquee">
					<div id="holder">
						<ul style="margin-top: 4px;">
							<c:forEach var="item" items="${zxdt }">
								<li><strong>最新动态：</strong><a target="_black"
									href="${item.url }">${item.text}</a></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div class="contetn_2">
				<i class="fa  fa-search" style="margin-right: -20px; color: #B5ADAD"></i>
				<input class="input-text"
					style="width: 200px; margin-right: -10px; padding-left: 20px; background: rgba(0, 0, 0, 0)"
					placeholder="点击输入"> <input class="btn btn-default"
					type="button" value="搜索">
			</div>
		</div>
	</div>


	<div class="box3">
		<div class="box3_in ">
			<span class="box3_title_1">企业新闻</span> <span class="box3_title_2">Enterprise
				News</span><a href="${path }/visitor/news"> <span class="more"></span></a>
			<div class="box3_content">
				<ul>
					<c:forEach var="item" items="${qyxw }">
						<li><a class="box3_article" target="_black"
							href="${item.url }">${item.text}</a><span class="time"> <fmt:formatDate
									pattern="yyyy-MM-dd" value="${item.createTime}" /></span></li>
					</c:forEach>
				</ul>
			</div>
		</div>
		<div class="box3_in" style="margin-left: 100px;">
			<span class="box3_title_1">企业文化</span> <span class="box3_title_2">Enterprise
				Culture</span> <a href="${path }/visitor/qywh"> <span class="more"></span></a>
			<c:forEach var="item" items="${qywh }">
				<a target="_black" href="${item.url }"> <img class="box3_img"
					src="${item.img }">
				</a>
			</c:forEach>


		</div>
	</div>

	<div class="picScroll-left">

		<div class="pruduct_h">
			<span class="box3_title_1">产品推荐</span> <span class="box3_title_2">Hot
				Picks</span>

			<div class="fx">
				<b class="btn btn-default size-MINI cardPrev22"> <i
					class="fa fa-angle-left"></i>
				</b> <b class="btn btn-default size-MINI cardNext22"> <i
					class="fa fa-angle-right"></i>
				</b>
			</div>

		</div>
		<div class="cardShowBox">
			<div class="cardWarp">
				<c:forEach var="item" items="${cptj }">
					<div class="pruduct_box">
						<a target="_black" href="${item.url }"><img width="200"
							height="170" src="${item.img }" /></a> <a target="_black"
							href="${item.url }" class="pruduct_title">${item.text }</a>
					</div>
				</c:forEach>
			</div>
		</div>
	</div>

	<div class="adbox">
		<c:forEach var="item" items="${sydbgg }">
			<a target="_black" href="${item.url }"><img src="${item.img }" /></a>
		</c:forEach>
	</div>


	<!--网站底部-->
	<jsp:include page="_foot.jsp"></jsp:include>

	<div class="qq">
		<a target="_blank"
			href="http://wpa.qq.com/msgrd?v=3&uin=453469567&site=qq&menu=yes"><img
			border="0" src="http://wpa.qq.com/pa?p=2:453469567:53"
			alt="点击这里给我发消息" title="点击这里给我发消息" /></a>
	</div>
	<script type="text/javascript">
		marquee(22, 30, 3000); /*移动高度,移动速度,间隔时间*/

		jQuery(function($) {
			$('#demo1').slideBox({
				delay : 10,//滚动延迟时间，单位：秒
				direction : 'left',
				width : 1100
			});
			initMover();
			setInterval(function() {
				$(".cardNext22").trigger("click");
			}, 5000)
		});
		var page = 0;
		function initMover() {
			$(".cardPrev22").click(function() {
				page = (page + 1) % 2;
				var width = 0 - (page * 820);
				$(".cardWarp").animate({
					left : width
				}, 500);
			});

			$(".cardNext22").click(function() {
				page = (page + 1) % 2;
				var width = 0 - (page * 820);
				$(".cardWarp").animate({
					left : width
				}, 500);
			});
		}
	</script>
</body>
</html>
